Ext.onReady(function() {

			Ext.QuickTips.init();

			st_ds = new Ext.data.SimpleStore({
						fields	: ['id', 'desc'],
						data	: [['web', 'Web'], ['news', 'News'], ['images', 'Images']]
					});

			ds = new Ext.data.Store({
						proxy	: new Ext.data.HttpProxy({
									url	: 'data.json'
								}),
						reader	: new Ext.data.JsonReader({
									root			: 'results',
									id				: 'id'
								}, ['title', 'abstract', 'url', 'clickurl', 'size', 'date', 'dispurl', 'thumbnail_url'])
					});

			var menu = new Ext.menu.Menu({
						items	: [new Ext.menu.CheckItem({
											text	: 'Web',
											value	: 'web',
											checked	: true
										}), new Ext.menu.CheckItem({
											text	: 'News',
											value	: 'news'
										}), new Ext.menu.CheckItem({
											text	: 'Images',
											value	: 'images'
										})]
					});

			grid = new Ext.Panel({
						id			: 'searchpanel',
						renderTo	: 'entry-list',
						title		: 'Yahoo BOSS Search Results',
						width		: 800,
						height		: 400,
						frame		: true,
						autoScroll	: true,
						items		: new Ext.DataView({
									id				: 'sresultsdv',
									store			: ds,
									itemSelector	: '.entry',
									tpl				: Ext.XTemplate.from('tplWebNews')
								}),
						bbar		: new Ext.PagingToolbar({
									pageSize	: 30,
									store		: ds,
									displayInfo	: true,
									displayMsg	: '{0} - {1} of {2}',
									emptyMsg	: "No Results",
									items		: ['-', {
												text	: '请选择查询区域',
												menu	: menu
											}, '-', new Ext.form.ComboBox({
														id				: 'stype',
														name			: 'stype',
														width			: 70,
														store			: st_ds,
														valueField		: 'id',
														displayField	: 'desc',
														typeAhead		: false,
														triggerAction	: 'all',
														forceSelection	: true,
														mode			: 'local',
														value			: 'web',
														listeners		: {
															'select'	: function() {
																reloadds();
															}
														}
													}), ' ', new Ext.form.TextField({
														id			: 'q',
														name		: 'q',
														value		: 'the big lebowski',
														listeners	: {
															'specialkey'	: function(f, e) {
																if (e.getKey() == e.RETURN || e.getKey() == e.ENTER) {
																	reloadds();
																}
															}
														}
													}), {
												text	: 'Search',
												handler	: function() {
													reloadds();
												}
											}]
								})
					});

			ds.on('beforeload', function() {
						ds.baseParams = {
							'format'	: 'json',
							q			: Ext.getCmp('q').getValue(),
							stype		: Ext.getCmp('stype').getValue()
						}
					});

			function reloadds() {
				/*	menu.items.each(function(i) {
									alert(i.checked + ' ' + i.value);
								});*/

				switch (Ext.getCmp('stype').getValue()) {
					case 'images' :
						Ext.getCmp('sresultsdv').tpl = Ext.XTemplate.from('tplImages');
						break;
					default :
						Ext.getCmp('sresultsdv').tpl = Ext.XTemplate.from('tplWebNews');
						break;
				}

				ds.load({
							params	: {
								'format'	: 'json',
								q			: Ext.getCmp('q').getValue(),
								start		: 0,
								limit		: 30,
								stype		: Ext.getCmp('stype').getValue()
							}
						});

				Ext.getCmp('searchpanel').body.scrollTo('top');

			}

			reloadds();

		});